<template>
  <div>
    <div>{{ data }}</div>
    <br />
    <br />
    <button @click="fn">逆转世界</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: '程序猿逆转世界'
    }
  },
  methods: {
    fn() {
      this.data = this.data.split('').reverse().join('')
    }
  }
}
</script>

<style></style>
